import React from "react"
import pn1 from '../img/1.jpg'
import pn2 from '../img/2.jpg'
import pn3 from '../img/3.jpg'
import pn4 from '../img/4.jpg'
import style from '../view/App.module.css'
import { Swiper, Toast } from 'react-vant'
const colors = [pn1, pn2, pn3, pn4]
export const items = colors.map((color, index) => (
    <Swiper.Item key={color}>
      <div
        onClick={() => {
          Toast.info(`你点击了卡片 ${index + 1}`)
        }}
      >
        <h1 className={style.h1}>GAMES</h1>
        <img src={color} alt="" className={style.img} />
      </div>
    </Swiper.Item>
))